<template>
    <section style="overflow-y: auto;font-size: 14px;padding-bottom: 10px;" :style="{height: height+'px'}" v-loading="loading">
        <div style="position: absolute;z-index: 5;width: 100px;right: 1%;">
            <el-row>
                <el-button round size="small" class="el-icon-check" type="primary" @click="saveBtn" :loading="btnLoading"
                           :disabled="!(nodeActions.includes('edit')&&ruleData.process_sheet_status!=1&&ruleData.id)">
                    保 存
                </el-button>
            </el-row>
            <el-row style="margin-top: 10px">
                <el-button plain round size="small" class="el-icon-upload2" type="primary" @click="importBtn"
                           :disabled="!(nodeActions.includes('import')&&ruleData.process_sheet_status!=1&&ruleData.id)">
                    导 入
                </el-button>
            </el-row>
            <el-row style="margin-top: 10px">
                <el-button plain round size="small" class="el-icon-view" type="warning" @click="lookPreviewBtn"
                           :disabled="!(nodeActions.includes('edit')&&ruleData.process_sheet_status!=1&&ruleData.id)">
                    预 览
                </el-button>
            </el-row>
        </div>
        <el-row style="margin-top: 10px">
            <svg t="1717659283335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9445" width="20" height="20"><path d="M407.466667 477.866667h-277.333334C93.866667 477.866667 64 448 64 409.6v-277.333333c0-36.266667 29.866667-66.133333 66.133333-66.133334h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133334v277.333333c2.133333 38.4-27.733333 68.266667-66.133333 68.266667zM132.266667 108.8c-12.8 0-25.6 10.666667-25.6 25.6v277.333333c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333333c0-12.8-10.666667-25.6-25.6-25.6h-277.333333zM407.466667 960h-277.333334C93.866667 960 64 930.133333 64 893.866667v-277.333334c0-36.266667 29.866667-66.133333 66.133333-66.133333h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM132.266667 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z m618.666666-110.933333c-17.066667 0-34.133333-6.4-46.933333-19.2L563.2 320c-12.8-12.8-19.2-29.866667-19.2-46.933333s6.4-34.133333 19.2-46.933334L704 83.2c12.8-12.8 29.866667-19.2 46.933333-19.2 17.066667 0 34.133333 6.4 46.933334 19.2l140.8 140.8c12.8 12.8 19.2 29.866667 19.2 46.933333 0 17.066667-6.4 34.133333-19.2 46.933334l-138.666667 142.933333c-12.8 12.8-29.866667 19.2-49.066667 19.2z m0-373.333333c-6.4 0-12.8 2.133333-17.066666 6.4l-140.8 140.8c-4.266667 4.266667-6.4 10.666667-6.4 17.066666 0 6.4 2.133333 12.8 6.4 17.066667l140.8 140.8c4.266667 4.266667 10.666667 6.4 17.066666 6.4 6.4 0 12.8-2.133333 17.066667-6.4l140.8-140.8c4.266667-4.266667 6.4-10.666667 6.4-17.066667 0-6.4-2.133333-12.8-6.4-17.066666L768 113.066667c-4.266667-4.266667-8.533333-6.4-17.066667-6.4z m138.666667 853.333333h-277.333333c-36.266667 0-66.133333-29.866667-66.133334-66.133333v-277.333334c0-36.266667 29.866667-66.133333 66.133334-66.133333h277.333333c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM614.4 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z" fill="#1E87EB" p-id="9446"></path></svg>
            <span style="font-size: 18px;font-weight: bold;vertical-align: bottom;margin-left: 4px;">基础信息</span>
        </el-row>
        <el-row style="display: flex;height: 80px;">
            <el-col :span="4" style="display: flex;align-items: center">
                <span>款号：</span>
                <span>{{ruleData.type_no || "--"}}</span>
            </el-col>
            <el-col :span="4" style="display: flex;align-items: center">
                <span>款名：</span>
                <span>{{ruleData.type_name || "--"}}</span>
            </el-col>
            <el-col :span="4" style="display: flex;align-items: center">
                <span style="vertical-align: top;">成衣图：</span>
                <div style="display: inline-block">
                    <el-image v-if="ruleData.wear_image" style="width: 100px; height: 100px" :src="ruleData.wear_image[0]" fit="contain"
                              :preview-src-list="ruleData.wear_image"></el-image>
                </div>
            </el-col>
        </el-row>
        <el-row>
            <el-form label-position="left" label-width="90px">
                <el-form-item label="工艺师：">
                    <el-input v-model="data.add_user" placeholder="请输入工艺师名称" clearable size="small" style="width: 150px;"></el-input>
                </el-form-item>
                <el-form-item label="赠品：">
                    <el-radio-group v-model="data.is_gif" size="mini">
                        <el-radio-button :label=1>是</el-radio-button>
                        <el-radio-button :label=0>否</el-radio-button>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="演出服：">
                    <el-radio-group v-model="data.is_perform" size="mini">
                        <el-radio-button :label=1>是</el-radio-button>
                        <el-radio-button :label=0>否</el-radio-button>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="水洗产品：">
                    <el-radio-group v-model="data.is_shuixi" size="mini">
                        <el-radio-button :label=1>是</el-radio-button>
                        <el-radio-button :label=0>否</el-radio-button>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="执行标准：">
                    <el-select v-model="data.executive_standard" placeholder="请选择" size="small" style="width: 50%" clearable filterable>
                        <el-option v-for="item in standardData" :key="item.id" :label="item.title_des" :value="item.title"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="安全级别：">
                    <el-select v-model="data.safety_category" placeholder="请选择" size="small" style="width: 50%" clearable filterable>
                        <el-option v-for="item in safetyData" :key="item.id" :label="item.title" :value="item.title"></el-option>
                    </el-select>
                </el-form-item>
            </el-form>
        </el-row>
        <el-row style="margin-top: 30px">
            <svg t="1717659283335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9445" width="20" height="20"><path d="M407.466667 477.866667h-277.333334C93.866667 477.866667 64 448 64 409.6v-277.333333c0-36.266667 29.866667-66.133333 66.133333-66.133334h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133334v277.333333c2.133333 38.4-27.733333 68.266667-66.133333 68.266667zM132.266667 108.8c-12.8 0-25.6 10.666667-25.6 25.6v277.333333c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333333c0-12.8-10.666667-25.6-25.6-25.6h-277.333333zM407.466667 960h-277.333334C93.866667 960 64 930.133333 64 893.866667v-277.333334c0-36.266667 29.866667-66.133333 66.133333-66.133333h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM132.266667 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z m618.666666-110.933333c-17.066667 0-34.133333-6.4-46.933333-19.2L563.2 320c-12.8-12.8-19.2-29.866667-19.2-46.933333s6.4-34.133333 19.2-46.933334L704 83.2c12.8-12.8 29.866667-19.2 46.933333-19.2 17.066667 0 34.133333 6.4 46.933334 19.2l140.8 140.8c12.8 12.8 19.2 29.866667 19.2 46.933333 0 17.066667-6.4 34.133333-19.2 46.933334l-138.666667 142.933333c-12.8 12.8-29.866667 19.2-49.066667 19.2z m0-373.333333c-6.4 0-12.8 2.133333-17.066666 6.4l-140.8 140.8c-4.266667 4.266667-6.4 10.666667-6.4 17.066666 0 6.4 2.133333 12.8 6.4 17.066667l140.8 140.8c4.266667 4.266667 10.666667 6.4 17.066666 6.4 6.4 0 12.8-2.133333 17.066667-6.4l140.8-140.8c4.266667-4.266667 6.4-10.666667 6.4-17.066667 0-6.4-2.133333-12.8-6.4-17.066666L768 113.066667c-4.266667-4.266667-8.533333-6.4-17.066667-6.4z m138.666667 853.333333h-277.333333c-36.266667 0-66.133333-29.866667-66.133334-66.133333v-277.333334c0-36.266667 29.866667-66.133333 66.133334-66.133333h277.333333c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM614.4 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z" fill="#1E87EB" p-id="9446"></path></svg>
            <span style="font-size: 18px;font-weight: bold;vertical-align: bottom;margin-left: 4px;">生产缝制工艺要求</span>
        </el-row>
        <el-row style="margin-top: 10px">
            <el-form label-position="left" label-width="130px">
                <el-form-item label="用针型号针距缝份">
                    <el-input type="textarea" style="width: 90%" v-model="data.production_sewing_process_requirements.stitch"
                              placeholder="请输入用针型号针距缝份" autosize></el-input>
                </el-form-item>
                <el-form-item label="粘衬部位">
                    <el-input type="textarea" style="width: 90%" v-model="data.production_sewing_process_requirements.lining"
                              placeholder="请输入粘衬部位" autosize></el-input>
                </el-form-item>
            </el-form>
        </el-row>
        <el-row style="margin-top: 30px">
            <svg t="1717659283335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9445" width="20" height="20"><path d="M407.466667 477.866667h-277.333334C93.866667 477.866667 64 448 64 409.6v-277.333333c0-36.266667 29.866667-66.133333 66.133333-66.133334h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133334v277.333333c2.133333 38.4-27.733333 68.266667-66.133333 68.266667zM132.266667 108.8c-12.8 0-25.6 10.666667-25.6 25.6v277.333333c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333333c0-12.8-10.666667-25.6-25.6-25.6h-277.333333zM407.466667 960h-277.333334C93.866667 960 64 930.133333 64 893.866667v-277.333334c0-36.266667 29.866667-66.133333 66.133333-66.133333h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM132.266667 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z m618.666666-110.933333c-17.066667 0-34.133333-6.4-46.933333-19.2L563.2 320c-12.8-12.8-19.2-29.866667-19.2-46.933333s6.4-34.133333 19.2-46.933334L704 83.2c12.8-12.8 29.866667-19.2 46.933333-19.2 17.066667 0 34.133333 6.4 46.933334 19.2l140.8 140.8c12.8 12.8 19.2 29.866667 19.2 46.933333 0 17.066667-6.4 34.133333-19.2 46.933334l-138.666667 142.933333c-12.8 12.8-29.866667 19.2-49.066667 19.2z m0-373.333333c-6.4 0-12.8 2.133333-17.066666 6.4l-140.8 140.8c-4.266667 4.266667-6.4 10.666667-6.4 17.066666 0 6.4 2.133333 12.8 6.4 17.066667l140.8 140.8c4.266667 4.266667 10.666667 6.4 17.066666 6.4 6.4 0 12.8-2.133333 17.066667-6.4l140.8-140.8c4.266667-4.266667 6.4-10.666667 6.4-17.066667 0-6.4-2.133333-12.8-6.4-17.066666L768 113.066667c-4.266667-4.266667-8.533333-6.4-17.066667-6.4z m138.666667 853.333333h-277.333333c-36.266667 0-66.133333-29.866667-66.133334-66.133333v-277.333334c0-36.266667 29.866667-66.133333 66.133334-66.133333h277.333333c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM614.4 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z" fill="#1E87EB" p-id="9446"></path></svg>
            <span style="font-size: 18px;font-weight: bold;vertical-align: bottom;margin-left: 4px;">工艺细节图</span>
        </el-row>
        <el-row style="margin-top: 10px">
            <el-upload action="/api/tool/fileImport" list-type="picture-card" class="sheet-detail-img"
                       :headers="uploadHeaders"
                       :data="uploadData"
                       :file-list="data.detail_drawing"
                       :on-success="(res, file, fileList)=>uploadSuccessHandle('detail_drawing', res, fileList)"
                       :before-upload="beforeUploadHandle">
                <i slot="default" class="el-icon-plus"></i>
                <div slot="file" slot-scope="{file}">
                    <div style="width: 146px;height: 146px;">
                        <img class="el-upload-list__item-thumbnail" :src="file.url" />
                    </div>
                    <span class="el-upload-list__item-actions">
                        <span class="el-upload-list__item-preview" @click="previewImgBtn(file)">
                          <i class="el-icon-zoom-in"></i>
                        </span>
                        <span class="el-upload-list__item-delete" @click="delImgBtn(file,'detail_drawing')">
                          <i class="el-icon-delete"></i>
                        </span>
                    </span>
                </div>
            </el-upload>
        </el-row>
        <el-row style="margin-top: 30px">
            <svg t="1717659283335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9445" width="20" height="20"><path d="M407.466667 477.866667h-277.333334C93.866667 477.866667 64 448 64 409.6v-277.333333c0-36.266667 29.866667-66.133333 66.133333-66.133334h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133334v277.333333c2.133333 38.4-27.733333 68.266667-66.133333 68.266667zM132.266667 108.8c-12.8 0-25.6 10.666667-25.6 25.6v277.333333c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333333c0-12.8-10.666667-25.6-25.6-25.6h-277.333333zM407.466667 960h-277.333334C93.866667 960 64 930.133333 64 893.866667v-277.333334c0-36.266667 29.866667-66.133333 66.133333-66.133333h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM132.266667 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z m618.666666-110.933333c-17.066667 0-34.133333-6.4-46.933333-19.2L563.2 320c-12.8-12.8-19.2-29.866667-19.2-46.933333s6.4-34.133333 19.2-46.933334L704 83.2c12.8-12.8 29.866667-19.2 46.933333-19.2 17.066667 0 34.133333 6.4 46.933334 19.2l140.8 140.8c12.8 12.8 19.2 29.866667 19.2 46.933333 0 17.066667-6.4 34.133333-19.2 46.933334l-138.666667 142.933333c-12.8 12.8-29.866667 19.2-49.066667 19.2z m0-373.333333c-6.4 0-12.8 2.133333-17.066666 6.4l-140.8 140.8c-4.266667 4.266667-6.4 10.666667-6.4 17.066666 0 6.4 2.133333 12.8 6.4 17.066667l140.8 140.8c4.266667 4.266667 10.666667 6.4 17.066666 6.4 6.4 0 12.8-2.133333 17.066667-6.4l140.8-140.8c4.266667-4.266667 6.4-10.666667 6.4-17.066667 0-6.4-2.133333-12.8-6.4-17.066666L768 113.066667c-4.266667-4.266667-8.533333-6.4-17.066667-6.4z m138.666667 853.333333h-277.333333c-36.266667 0-66.133333-29.866667-66.133334-66.133333v-277.333334c0-36.266667 29.866667-66.133333 66.133334-66.133333h277.333333c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM614.4 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z" fill="#1E87EB" p-id="9446"></path></svg>
            <span style="font-size: 18px;font-weight: bold;vertical-align: bottom;margin-left: 4px;">可撕标示图</span>
        </el-row>
        <el-row style="margin-top: 10px">
            <el-upload action="/api/tool/fileImport" list-type="picture-card"
                       :headers="uploadHeaders"
                       :data="uploadData"
                       :file-list="data.tearable_label_img"
                       :on-success="(res, file, fileList)=>uploadSuccessHandle('tearable_label_img', res, fileList)"
                       :before-upload="beforeUploadHandle">
                <i slot="default" class="el-icon-plus"></i>
                <div slot="file" slot-scope="{file}">
                    <div style="width: 146px;height: 146px;">
                        <img class="el-upload-list__item-thumbnail" :src="file.url"/>
                    </div>
                    <span class="el-upload-list__item-actions">
                        <span class="el-upload-list__item-preview" @click="previewImgBtn(file)">
                          <i class="el-icon-zoom-in"></i>
                        </span>
                        <span class="el-upload-list__item-delete" @click="delImgBtn(file,'tearable_label_img')">
                          <i class="el-icon-delete"></i>
                        </span>
                    </span>
                </div>
            </el-upload>
        </el-row>
        <!--工艺指示书-->
        <design-gy-ed-process :data="data.process_instruction" @processInstruction="processInstructionUpdate"></design-gy-ed-process>
        <el-row style="margin-top: 30px">
            <svg t="1717659283335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9445" width="20" height="20"><path d="M407.466667 477.866667h-277.333334C93.866667 477.866667 64 448 64 409.6v-277.333333c0-36.266667 29.866667-66.133333 66.133333-66.133334h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133334v277.333333c2.133333 38.4-27.733333 68.266667-66.133333 68.266667zM132.266667 108.8c-12.8 0-25.6 10.666667-25.6 25.6v277.333333c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333333c0-12.8-10.666667-25.6-25.6-25.6h-277.333333zM407.466667 960h-277.333334C93.866667 960 64 930.133333 64 893.866667v-277.333334c0-36.266667 29.866667-66.133333 66.133333-66.133333h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM132.266667 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z m618.666666-110.933333c-17.066667 0-34.133333-6.4-46.933333-19.2L563.2 320c-12.8-12.8-19.2-29.866667-19.2-46.933333s6.4-34.133333 19.2-46.933334L704 83.2c12.8-12.8 29.866667-19.2 46.933333-19.2 17.066667 0 34.133333 6.4 46.933334 19.2l140.8 140.8c12.8 12.8 19.2 29.866667 19.2 46.933333 0 17.066667-6.4 34.133333-19.2 46.933334l-138.666667 142.933333c-12.8 12.8-29.866667 19.2-49.066667 19.2z m0-373.333333c-6.4 0-12.8 2.133333-17.066666 6.4l-140.8 140.8c-4.266667 4.266667-6.4 10.666667-6.4 17.066666 0 6.4 2.133333 12.8 6.4 17.066667l140.8 140.8c4.266667 4.266667 10.666667 6.4 17.066666 6.4 6.4 0 12.8-2.133333 17.066667-6.4l140.8-140.8c4.266667-4.266667 6.4-10.666667 6.4-17.066667 0-6.4-2.133333-12.8-6.4-17.066666L768 113.066667c-4.266667-4.266667-8.533333-6.4-17.066667-6.4z m138.666667 853.333333h-277.333333c-36.266667 0-66.133333-29.866667-66.133334-66.133333v-277.333334c0-36.266667 29.866667-66.133333 66.133334-66.133333h277.333333c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM614.4 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z" fill="#1E87EB" p-id="9446"></path></svg>
            <span style="font-size: 18px;font-weight: bold;vertical-align: bottom;margin-left: 4px;">唛头位置</span>
        </el-row>
        <el-row style="margin-top: 10px">
            <el-col :span="24" class="mark-position">
                <el-radio v-model="data.mark_position.type" v-for="(item, index) in markPositions" :key="index" :label="item.type" border size="small"
                @change="markPositionChange">
                    {{item.title}}
                </el-radio>
            </el-col>
            <el-col :span="24" style="margin-top: 10px;">
                <el-form label-width="80px" label-position="left">
                    <el-form-item :label="(data.mark_position.type==5 ?'常规腰':'主唛')">
                        <el-input style="width: 89%" v-model="data.mark_position.main" placeholder="请输入" size="small" clearable></el-input>
                    </el-form-item>
                    <el-form-item :label="(data.mark_position.type==5 ?'牛筋腰':'洗唛')">
                        <el-input style="width: 89%" v-model="data.mark_position.second" placeholder="请输入" size="small" clearable></el-input>
                    </el-form-item>
                </el-form>
            </el-col>
        </el-row>
        <el-row style="margin-top: 30px">
            <svg t="1717659283335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9445" width="20" height="20"><path d="M407.466667 477.866667h-277.333334C93.866667 477.866667 64 448 64 409.6v-277.333333c0-36.266667 29.866667-66.133333 66.133333-66.133334h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133334v277.333333c2.133333 38.4-27.733333 68.266667-66.133333 68.266667zM132.266667 108.8c-12.8 0-25.6 10.666667-25.6 25.6v277.333333c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333333c0-12.8-10.666667-25.6-25.6-25.6h-277.333333zM407.466667 960h-277.333334C93.866667 960 64 930.133333 64 893.866667v-277.333334c0-36.266667 29.866667-66.133333 66.133333-66.133333h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM132.266667 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z m618.666666-110.933333c-17.066667 0-34.133333-6.4-46.933333-19.2L563.2 320c-12.8-12.8-19.2-29.866667-19.2-46.933333s6.4-34.133333 19.2-46.933334L704 83.2c12.8-12.8 29.866667-19.2 46.933333-19.2 17.066667 0 34.133333 6.4 46.933334 19.2l140.8 140.8c12.8 12.8 19.2 29.866667 19.2 46.933333 0 17.066667-6.4 34.133333-19.2 46.933334l-138.666667 142.933333c-12.8 12.8-29.866667 19.2-49.066667 19.2z m0-373.333333c-6.4 0-12.8 2.133333-17.066666 6.4l-140.8 140.8c-4.266667 4.266667-6.4 10.666667-6.4 17.066666 0 6.4 2.133333 12.8 6.4 17.066667l140.8 140.8c4.266667 4.266667 10.666667 6.4 17.066666 6.4 6.4 0 12.8-2.133333 17.066667-6.4l140.8-140.8c4.266667-4.266667 6.4-10.666667 6.4-17.066667 0-6.4-2.133333-12.8-6.4-17.066666L768 113.066667c-4.266667-4.266667-8.533333-6.4-17.066667-6.4z m138.666667 853.333333h-277.333333c-36.266667 0-66.133333-29.866667-66.133334-66.133333v-277.333334c0-36.266667 29.866667-66.133333 66.133334-66.133333h277.333333c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM614.4 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z" fill="#1E87EB" p-id="9446"></path></svg>
            <span style="font-size: 18px;font-weight: bold;vertical-align: bottom;margin-left: 4px;">锁定要求</span>
            <el-button type="text" class="el-icon-circle-plus-outline" style="font-size: 20px;margin-left: 6px;"
                        @click="addRequiresBtn('requirements_for_locking_nails')"></el-button>
        </el-row>
        <el-row style="margin-top: 10px">
            <el-form label-position="left" label-width="80px">
                <el-form-item v-for="(item, index) in data.requirements_for_locking_nails" :key="index" :label="('要求'+(index+1))">
                    <el-input style="width: 89%" v-model="item.title" placeholder="请输入内容" size="small" clearable></el-input>
                    <el-button type="text" class="el-icon-delete" style="font-weight: bold;margin-left:5px;color: red;"
                        @click="delRequiresBtn('requirements_for_locking_nails', index)"></el-button>
                </el-form-item>
            </el-form>
        </el-row>
        <el-row style="margin-top: 30px">
            <svg t="1717659283335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9445" width="20" height="20"><path d="M407.466667 477.866667h-277.333334C93.866667 477.866667 64 448 64 409.6v-277.333333c0-36.266667 29.866667-66.133333 66.133333-66.133334h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133334v277.333333c2.133333 38.4-27.733333 68.266667-66.133333 68.266667zM132.266667 108.8c-12.8 0-25.6 10.666667-25.6 25.6v277.333333c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333333c0-12.8-10.666667-25.6-25.6-25.6h-277.333333zM407.466667 960h-277.333334C93.866667 960 64 930.133333 64 893.866667v-277.333334c0-36.266667 29.866667-66.133333 66.133333-66.133333h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM132.266667 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z m618.666666-110.933333c-17.066667 0-34.133333-6.4-46.933333-19.2L563.2 320c-12.8-12.8-19.2-29.866667-19.2-46.933333s6.4-34.133333 19.2-46.933334L704 83.2c12.8-12.8 29.866667-19.2 46.933333-19.2 17.066667 0 34.133333 6.4 46.933334 19.2l140.8 140.8c12.8 12.8 19.2 29.866667 19.2 46.933333 0 17.066667-6.4 34.133333-19.2 46.933334l-138.666667 142.933333c-12.8 12.8-29.866667 19.2-49.066667 19.2z m0-373.333333c-6.4 0-12.8 2.133333-17.066666 6.4l-140.8 140.8c-4.266667 4.266667-6.4 10.666667-6.4 17.066666 0 6.4 2.133333 12.8 6.4 17.066667l140.8 140.8c4.266667 4.266667 10.666667 6.4 17.066666 6.4 6.4 0 12.8-2.133333 17.066667-6.4l140.8-140.8c4.266667-4.266667 6.4-10.666667 6.4-17.066667 0-6.4-2.133333-12.8-6.4-17.066666L768 113.066667c-4.266667-4.266667-8.533333-6.4-17.066667-6.4z m138.666667 853.333333h-277.333333c-36.266667 0-66.133333-29.866667-66.133334-66.133333v-277.333334c0-36.266667 29.866667-66.133333 66.133334-66.133333h277.333333c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM614.4 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z" fill="#1E87EB" p-id="9446"></path></svg>
            <span style="font-size: 18px;font-weight: bold;vertical-align: bottom;margin-left: 4px;">特殊工艺要求</span>
            <el-button type="text" class="el-icon-circle-plus-outline" style="font-size: 20px;margin-left: 6px;"
                                @click="addRequiresBtn('special_process_requirements')"></el-button>
        </el-row>
        <el-row style="margin-top: 10px">
            <el-form label-position="left" label-width="80px">
                <el-form-item v-for="(item, index) in data.special_process_requirements" :key="index" :label="('要求'+(index+1))">
                    <el-input style="width: 89%" v-model="item.title" placeholder="请输入内容" size="small" clearable></el-input>
                    <el-button type="text" class="el-icon-delete" style="font-weight: bold;margin-left:5px;color: red;"
                               @click="delRequiresBtn('special_process_requirements', index)"></el-button>
                </el-form-item>
            </el-form>
        </el-row>
        <el-row style="margin-top: 30px">
            <svg t="1717659283335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9445" width="20" height="20"><path d="M407.466667 477.866667h-277.333334C93.866667 477.866667 64 448 64 409.6v-277.333333c0-36.266667 29.866667-66.133333 66.133333-66.133334h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133334v277.333333c2.133333 38.4-27.733333 68.266667-66.133333 68.266667zM132.266667 108.8c-12.8 0-25.6 10.666667-25.6 25.6v277.333333c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333333c0-12.8-10.666667-25.6-25.6-25.6h-277.333333zM407.466667 960h-277.333334C93.866667 960 64 930.133333 64 893.866667v-277.333334c0-36.266667 29.866667-66.133333 66.133333-66.133333h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM132.266667 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z m618.666666-110.933333c-17.066667 0-34.133333-6.4-46.933333-19.2L563.2 320c-12.8-12.8-19.2-29.866667-19.2-46.933333s6.4-34.133333 19.2-46.933334L704 83.2c12.8-12.8 29.866667-19.2 46.933333-19.2 17.066667 0 34.133333 6.4 46.933334 19.2l140.8 140.8c12.8 12.8 19.2 29.866667 19.2 46.933333 0 17.066667-6.4 34.133333-19.2 46.933334l-138.666667 142.933333c-12.8 12.8-29.866667 19.2-49.066667 19.2z m0-373.333333c-6.4 0-12.8 2.133333-17.066666 6.4l-140.8 140.8c-4.266667 4.266667-6.4 10.666667-6.4 17.066666 0 6.4 2.133333 12.8 6.4 17.066667l140.8 140.8c4.266667 4.266667 10.666667 6.4 17.066666 6.4 6.4 0 12.8-2.133333 17.066667-6.4l140.8-140.8c4.266667-4.266667 6.4-10.666667 6.4-17.066667 0-6.4-2.133333-12.8-6.4-17.066666L768 113.066667c-4.266667-4.266667-8.533333-6.4-17.066667-6.4z m138.666667 853.333333h-277.333333c-36.266667 0-66.133333-29.866667-66.133334-66.133333v-277.333334c0-36.266667 29.866667-66.133333 66.133334-66.133333h277.333333c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM614.4 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z" fill="#1E87EB" p-id="9446"></path></svg>
            <span style="font-size: 18px;font-weight: bold;vertical-align: bottom;margin-left: 4px;">包装规格要求</span>
            <el-button type="text" class="el-icon-circle-plus-outline" style="font-size: 20px;margin-left: 6px;"
                       @click="addRequiresBtn('packaging_specification_requirements')"></el-button>
        </el-row>
        <el-row style="margin-top: 10px">
            <el-form label-position="left" label-width="80px">
                <el-form-item v-for="(item, index) in data.packaging_specification_requirements" :key="index" :label="('要求'+(index+1))">
                    <el-input style="width: 89%" v-model="item.title" placeholder="请输入内容" size="small" clearable></el-input>
                    <el-button type="text" class="el-icon-delete" style="font-weight: bold;margin-left:5px;color: red;"
                               @click="delRequiresBtn('packaging_specification_requirements', index)"></el-button>
                </el-form-item>
            </el-form>
        </el-row>
        <el-row style="margin-top: 30px">
            <svg t="1717659283335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9445" width="20" height="20"><path d="M407.466667 477.866667h-277.333334C93.866667 477.866667 64 448 64 409.6v-277.333333c0-36.266667 29.866667-66.133333 66.133333-66.133334h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133334v277.333333c2.133333 38.4-27.733333 68.266667-66.133333 68.266667zM132.266667 108.8c-12.8 0-25.6 10.666667-25.6 25.6v277.333333c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333333c0-12.8-10.666667-25.6-25.6-25.6h-277.333333zM407.466667 960h-277.333334C93.866667 960 64 930.133333 64 893.866667v-277.333334c0-36.266667 29.866667-66.133333 66.133333-66.133333h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM132.266667 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z m618.666666-110.933333c-17.066667 0-34.133333-6.4-46.933333-19.2L563.2 320c-12.8-12.8-19.2-29.866667-19.2-46.933333s6.4-34.133333 19.2-46.933334L704 83.2c12.8-12.8 29.866667-19.2 46.933333-19.2 17.066667 0 34.133333 6.4 46.933334 19.2l140.8 140.8c12.8 12.8 19.2 29.866667 19.2 46.933333 0 17.066667-6.4 34.133333-19.2 46.933334l-138.666667 142.933333c-12.8 12.8-29.866667 19.2-49.066667 19.2z m0-373.333333c-6.4 0-12.8 2.133333-17.066666 6.4l-140.8 140.8c-4.266667 4.266667-6.4 10.666667-6.4 17.066666 0 6.4 2.133333 12.8 6.4 17.066667l140.8 140.8c4.266667 4.266667 10.666667 6.4 17.066666 6.4 6.4 0 12.8-2.133333 17.066667-6.4l140.8-140.8c4.266667-4.266667 6.4-10.666667 6.4-17.066667 0-6.4-2.133333-12.8-6.4-17.066666L768 113.066667c-4.266667-4.266667-8.533333-6.4-17.066667-6.4z m138.666667 853.333333h-277.333333c-36.266667 0-66.133333-29.866667-66.133334-66.133333v-277.333334c0-36.266667 29.866667-66.133333 66.133334-66.133333h277.333333c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM614.4 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z" fill="#1E87EB" p-id="9446"></path></svg>
            <span style="font-size: 18px;font-weight: bold;vertical-align: bottom;margin-left: 4px;">裁剪要求</span>
        </el-row>
        <el-row style="margin-top: 10px">
            <el-input type="textarea" style="width: 90%" v-model="data.cutting_requirements"
                      placeholder="请输入粘衬部位" autosize></el-input>
        </el-row>
        <el-row style="margin-top: 30px">
            <svg t="1717659283335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9445" width="20" height="20"><path d="M407.466667 477.866667h-277.333334C93.866667 477.866667 64 448 64 409.6v-277.333333c0-36.266667 29.866667-66.133333 66.133333-66.133334h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133334v277.333333c2.133333 38.4-27.733333 68.266667-66.133333 68.266667zM132.266667 108.8c-12.8 0-25.6 10.666667-25.6 25.6v277.333333c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333333c0-12.8-10.666667-25.6-25.6-25.6h-277.333333zM407.466667 960h-277.333334C93.866667 960 64 930.133333 64 893.866667v-277.333334c0-36.266667 29.866667-66.133333 66.133333-66.133333h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM132.266667 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z m618.666666-110.933333c-17.066667 0-34.133333-6.4-46.933333-19.2L563.2 320c-12.8-12.8-19.2-29.866667-19.2-46.933333s6.4-34.133333 19.2-46.933334L704 83.2c12.8-12.8 29.866667-19.2 46.933333-19.2 17.066667 0 34.133333 6.4 46.933334 19.2l140.8 140.8c12.8 12.8 19.2 29.866667 19.2 46.933333 0 17.066667-6.4 34.133333-19.2 46.933334l-138.666667 142.933333c-12.8 12.8-29.866667 19.2-49.066667 19.2z m0-373.333333c-6.4 0-12.8 2.133333-17.066666 6.4l-140.8 140.8c-4.266667 4.266667-6.4 10.666667-6.4 17.066666 0 6.4 2.133333 12.8 6.4 17.066667l140.8 140.8c4.266667 4.266667 10.666667 6.4 17.066666 6.4 6.4 0 12.8-2.133333 17.066667-6.4l140.8-140.8c4.266667-4.266667 6.4-10.666667 6.4-17.066667 0-6.4-2.133333-12.8-6.4-17.066666L768 113.066667c-4.266667-4.266667-8.533333-6.4-17.066667-6.4z m138.666667 853.333333h-277.333333c-36.266667 0-66.133333-29.866667-66.133334-66.133333v-277.333334c0-36.266667 29.866667-66.133333 66.133334-66.133333h277.333333c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM614.4 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z" fill="#1E87EB" p-id="9446"></path></svg>
            <span style="font-size: 18px;font-weight: bold;vertical-align: bottom;margin-left: 4px;">后道工序</span>
        </el-row>
        <el-row style="margin-top: 10px">
            <el-input type="textarea" style="width: 90%" v-model="data.subsequent_process"
                      placeholder="请输入粘衬部位" autosize></el-input>
        </el-row>
        <el-row style="margin-top: 30px">
            <svg t="1717659283335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9445" width="20" height="20"><path d="M407.466667 477.866667h-277.333334C93.866667 477.866667 64 448 64 409.6v-277.333333c0-36.266667 29.866667-66.133333 66.133333-66.133334h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133334v277.333333c2.133333 38.4-27.733333 68.266667-66.133333 68.266667zM132.266667 108.8c-12.8 0-25.6 10.666667-25.6 25.6v277.333333c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333333c0-12.8-10.666667-25.6-25.6-25.6h-277.333333zM407.466667 960h-277.333334C93.866667 960 64 930.133333 64 893.866667v-277.333334c0-36.266667 29.866667-66.133333 66.133333-66.133333h277.333334c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM132.266667 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z m618.666666-110.933333c-17.066667 0-34.133333-6.4-46.933333-19.2L563.2 320c-12.8-12.8-19.2-29.866667-19.2-46.933333s6.4-34.133333 19.2-46.933334L704 83.2c12.8-12.8 29.866667-19.2 46.933333-19.2 17.066667 0 34.133333 6.4 46.933334 19.2l140.8 140.8c12.8 12.8 19.2 29.866667 19.2 46.933333 0 17.066667-6.4 34.133333-19.2 46.933334l-138.666667 142.933333c-12.8 12.8-29.866667 19.2-49.066667 19.2z m0-373.333333c-6.4 0-12.8 2.133333-17.066666 6.4l-140.8 140.8c-4.266667 4.266667-6.4 10.666667-6.4 17.066666 0 6.4 2.133333 12.8 6.4 17.066667l140.8 140.8c4.266667 4.266667 10.666667 6.4 17.066666 6.4 6.4 0 12.8-2.133333 17.066667-6.4l140.8-140.8c4.266667-4.266667 6.4-10.666667 6.4-17.066667 0-6.4-2.133333-12.8-6.4-17.066666L768 113.066667c-4.266667-4.266667-8.533333-6.4-17.066667-6.4z m138.666667 853.333333h-277.333333c-36.266667 0-66.133333-29.866667-66.133334-66.133333v-277.333334c0-36.266667 29.866667-66.133333 66.133334-66.133333h277.333333c36.266667 0 66.133333 29.866667 66.133333 66.133333v277.333334c2.133333 36.266667-27.733333 66.133333-66.133333 66.133333zM614.4 590.933333c-12.8 0-25.6 10.666667-25.6 25.6v277.333334c0 12.8 10.666667 25.6 25.6 25.6h277.333333c12.8 0 25.6-10.666667 25.6-25.6v-277.333334c0-12.8-10.666667-25.6-25.6-25.6h-277.333333z" fill="#1E87EB" p-id="9446"></path></svg>
            <span style="font-size: 18px;font-weight: bold;vertical-align: bottom;margin-left: 4px;">验收标准</span>
        </el-row>
        <el-row style="margin-top: 10px">
            <el-input type="textarea" style="width: 90%" v-model="data.acceptance_criteria"
                      placeholder="请输入粘衬部位" autosize></el-input>
        </el-row>


        <!--图片预览-->
        <el-dialog :visible.sync="previewVisible" width="600px">
            <img width="100%" height="100%" style="object-fit: contain" :src="previewUrl" alt="">
        </el-dialog>

        <!--工艺单预览-->
        <el-dialog :visible.sync="lookPreviewVisible" width="1260px">
            <design-gy :height="600" :gy-data="previewData" :rule-data="ruleData" :is-preview="1" :gy-log="[]"></design-gy>
        </el-dialog>

        <!--导入信息--工艺单-->
        <Modal v-model="copyVisible" title="导入信息--工艺单" width="600px" :mask-closable="false">
            <el-form label-width="50px" inline>
                <el-form-item label="款号">
                    <el-input v-model.trim="copyForm.type_no" size="small" style="width: 240px;vertical-align: baseline" placeholder="请输入完整的款号" clearable>
                        <el-button slot="append" icon="el-icon-search" @click="searchRule" :loading="searchLoading"></el-button>
                    </el-input>
                </el-form-item>
                <el-form-item label="款名">
                    <el-input v-model="copyForm.gy_data.type_name" size="small" placeholder="款名" readonly></el-input>
                </el-form-item>
                <el-form-item>
                    <span style="color: #ff7171"> 注：“已存在的信息”将会被“导入信息”覆盖，请谨慎操作！</span>
                </el-form-item>
            </el-form>
            <div slot="footer">
                <i-button type="primary" @click="copySubmitBtn" :disabled="!copyForm.gy_data.type_name">确 定</i-button>
            </div>
        </Modal>
    </section>
</template>

<script>

import {getToken} from "@/libs/util";
import {designDetailGy, designDetailGySave, designDetailRule} from "@/api/bs/design";
import DesignGyEdProcess from "@/view/pages/components/designGyEdProcess";
import designGy from "@/view/pages/components/designGy";
import {safetyList} from "../../../api/produce/safety";

export default {
    name: "designGyEd",
    components: {DesignGyEdProcess, designGy},
    props: {
        gyData:{
            type: Object,
            default: {}
        },
        ruleData: {
            type: Object,
            default: {}
        },
        safetyData: {
            type: Array,
            default: []
        },
        standardData: {
            type: Array,
            default: []
        },
        height: {
            type: Number,
            default: 0
        },
    },
    data() {
        return {
            selectIndex: 0,
            btnLoading: false,
            searchLoading: false,
            loading: true,
            lockLoading: false,
            data: {
                add_user: "",
                is_gif: 0,
                is_perform: 0,
                is_shuixi: 0,
                detail_drawing: [],//工艺细节图
                tearable_label_img: [],//可撕图
                production_sewing_process_requirements: {stitch:"", lining:""},//生产缝制工艺要求
                requirements_for_locking_nails: [],//锁定要求
                special_process_requirements:[], //特色工艺要求
                packaging_specification_requirements: [], //包装规格要求
                mark_position: {title: "", type: "", main: "", second: ""}, //唛头位置
                process_instruction: [], //工艺指示书
                cutting_requirements: "",//剪裁要求
                subsequent_process: "",//后道工序
                acceptance_criteria: "",//验收标准
            },
            user: {},
            nodeActions: [],

            previewUrl: "",
            previewVisible: false,
            uploadHeaders: {},
            uploadData:{type: 'design_gy', disk: 'image'},
            //唛头位置
            markPositions: [
                {
                    title: "大衣类",
                    type: 1,
                    main: "主标订与后领贴居中，领口净下2CM处，两端内折边车0.15CM线，左侧居中夹订尺码标",
                    second: "洗唛订与里左侧缝底摆净上10CM处，成分朝上，往后倒",
                },
                {
                    title: "衬衫/连衣裙类",
                    type: 2,
                    main: "主标对折夹订与后领圈居中（logo朝上）",
                    second: "洗唛订与左侧缝底摆净上10CM处，成分朝上，往后倒",
                },
                {
                    title: "对襟衫/比甲类",
                    type: 3,
                    main: "主标对折夹订与后领圈居中（logo朝上）",
                    second: "洗唛订与左侧缝，叉顶净上3CM处",
                },
                {
                    title: "吊带类/T恤类",
                    type: 4,
                    main: "主唛和洗唛重叠订与穿起左侧缝下摆往上10CM处，主唛在上，洗唛在下（成分朝上），往前倒",
                    second:
                        "主唛和洗唛重叠订与穿起左侧缝下摆往上10CM处，主唛在上，洗唛在下（成分朝上），往前倒",
                },
                {
                    title: "裤子/半裙类",
                    type: 5,
                    main: "主唛对折夹订与里后腰居中（logo朝上）; 洗唛订与左侧缝装腰缝净下6CM处（不含腰），成分朝上，往后倒",
                    second:
                        "主唛、洗唛重叠订与左侧缝装腰缝净下6CM处，主唛在上、洗唛在下（成分朝上），往后倒",
                },
                {
                    title: "马面裙",
                    type: 6,
                    main: "主标、洗唛重叠夹订与里左后腰居中位（穿计），主唛在上、洗唛在下（成分朝上）",
                    second:
                        "主标、洗唛重叠夹订与里左后腰居中位（穿计），主唛在上、洗唛在下（成分朝上）",
                },
                {
                    title: "褶裙/破裙类",
                    type: 7,
                    main: "主标对折夹订与后腰居中（logo朝上）",
                    second: "洗标订与里后中缝底边净上15CM处（成分朝上）",
                },
            ],

            lookPreviewVisible: false,//预览
            previewData: {},

            copyVisible: false,
            copyForm: {type_no: "", gy_data: {}},
        }
    },
    created() {
        this.user = this.$store.getters.user;
        this.nodeActions = this.user.node_actions[this.$route.meta.id] ? this.user.node_actions[this.$route.meta.id] : [];
    },
    watch:{
        gyData(newValue, oldValue){
            let data = {
                add_user: this.user.name,
                is_gif: 0,
                is_perform: 0,
                is_shuixi: 0,
                detail_drawing: [],//工艺细节图
                tearable_label_img: [],//可撕图
                production_sewing_process_requirements: {stitch:"1/明线/内拼合针距 3CM/14针； \n" +
                        "2/拷边线针距：3CM/18针3/ 面线用配色线40S/2，底线用配色40S/2线。（整件使用配色细线制作)", lining:""},//生产缝制工艺要求
                requirements_for_locking_nails: [],//锁定要求
                special_process_requirements:[
                    { title: "绣花处不可跳针 不可起皱，绣花处不可有劈裂现象；" },
                    { title: "印花：印花要求清晰 ，位置准确" },
                    { title: "按纸样尺寸压褶，褶位均匀，不可炸褶；丝缕顺直" }
                ], //特色工艺要求
                packaging_specification_requirements: [{ title: "包装：检验合格，单件折装入袋，挂牌置于正面。" },], //包装规格要求
                mark_position: {title: "", type: "", main: "", second: ""}, //唛头位置
                process_instruction: [], //工艺指示书
                cutting_requirements: "1.针织、弹性面料要提前24小时松布。排料放松布料对条纹 \n" +
                    "2.排料前检查面料有无缩率、门幅大小、倒顺、正反面、疵点、边道色差 \n" +
                    "3.裁前核对样板正确无误，裁剪时刀眼不得深于0.3cm。 \n" +
                    "4.大货前封一件产前样到公司确认，确认合格后才可生产大货。",//剪裁要求
                subsequent_process: "1.锁眼+订扣：对照样衣，按样板点位，按扣子大小，锁扣眼\n" +
                    "2.手工订扣，纽扣反面按样衣效果订底扣，完成扣子扣眼要吻合，扣眼不可有线毛。\n" +
                    "3.整烫：整烫自然平整，无极光，无印痕，无起皱。                                            \n" +
                    "4.检验：按工艺要控制各部位尺寸，线头清理干净，保持成衣整洁。",//后道工序
                acceptance_criteria: "1.面料:无线头，无污渍、无油渍、无破洞、无色差、无粉迹。 \n" +
                    "2.线迹:针距达标，宽窄一致，线迹顺直，平服，全件无浮线、跳针、脱线、滑线、等现象。 \n" +
                    "3.整烫：成品各部位整烫平服、自然， 无污迹、极光、等现象。 \n" +
                    "4.包装:总检合格后进行包装，折叠平服，吊牌挂好，带条形码的一面朝上。",//验收标准
            }
            this.data = Object.assign(data, JSON.parse(JSON.stringify(newValue)));
            //可撕标示图
            let tearableLabelImg = [];
            if(newValue.tearable_label_img){
                tearableLabelImg.push({url: newValue.tearable_label_img});
            }
            this.$set(this.data, 'tearable_label_img', tearableLabelImg);
            this.$set(this.data, 'process_instruction', typeof(this.data.process_instruction) == 'string' ? [] : this.data.process_instruction);
            this.loading = false;
            console.log("工艺单", this.data)
        },
    },
    methods: {
        //预览
        previewImgBtn(file){
            this.previewUrl = file.url;
            this.previewVisible = true;
        },
        //删除图片
        delImgBtn(file, column){
            let index;
            for(let i in this.data[column]){
                if(this.data[column][i].uid == file.uid){
                    index = i;
                    break;
                }
            }
            if(index != undefined){
                this.data[column].splice(index, 1);
            }
        },
        //上传之前的检测
        beforeUploadHandle(file) {
            if(!['image/jpg','image/jpeg','image/png'].includes(file.type)){
                this.$message.error('上传图片只能是 jpg、png 格式!');
                return false;
            }
            this.uploadHeaders.Authorization = 'Bearer '+ getToken();
            this.btnLoading = true;
            return true;
        },
        //上传成功
        uploadSuccessHandle(column, res, fileList) {
            if(res.code === 0){
                fileList[fileList.length-1].url = res.data;
                if(column == 'tearable_label_img'){
                    this.data[column] = [ fileList[fileList.length-1] ];
                }else{
                    this.data[column] = fileList;
                }
            }else{
                fileList = fileList.filter(item => item.response && item.response.code === 0 || !item.response);
                this.$set(this.data, column, fileList);
                this.$message.error(res.msg);
            }
            this.btnLoading = false;
        },

        //新增要求
        addRequiresBtn(column){
            this.data[column].push({title: ""})
        },
        //删除要求
        delRequiresBtn(column, index){
            this.$confirm("确定删除?", "提示", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning",
            }).then(() => {
                this.data[column].splice(index, 1);
            });
        },
        //唛头类型变动
        markPositionChange(value){
            for(let item of this.markPositions){
                if(item.type == value){
                    this.$set(this.data.mark_position, 'title', item.title);
                    this.$set(this.data.mark_position, 'main', item.main);
                    this.$set(this.data.mark_position, 'second', item.second);
                }
            }
        },
        //工艺指示书变动更新
        processInstructionUpdate(data){
            this.$set(this.data, "process_instruction", data);
        },

        //预览
        lookPreviewBtn(){
            this.previewData = JSON.parse(JSON.stringify(this.data));
            this.previewData.tearable_label_img = this.previewData.tearable_label_img[0] ? this.previewData.tearable_label_img[0].url : "";
            this.lookPreviewVisible = true;
        },

        //工艺单数据保存
        saveBtn(){
            let obj = JSON.parse(JSON.stringify(this.data));
            let processInstruction = [];
            obj.process_instruction.forEach((item) =>{
                delete item.img_64;
                processInstruction.push(item);
            });
            obj.process_instruction = processInstruction;
            obj.tearable_label_img = obj.tearable_label_img[0] ? obj.tearable_label_img[0]['url'] : "";
            let detailDrawing = [];
            obj.detail_drawing.forEach((item)=>{
                detailDrawing.push({url: item.url})
            });
            obj.detail_drawing = detailDrawing;
            obj.type_no = this.ruleData.type_no;
            this.btnLoading = true;
            designDetailGySave({data: JSON.stringify(obj)}).then((res) =>{
                this.btnLoading = false;
                if(res.code === 0){
                    this.$message.success("保存成功");
                }else{
                    this.$message.error(res.msg);
                }
            }).catch(()=>{
                this.btnLoading = false;
            })
        },
        //导入按钮
        importBtn(){
            this.copyForm = {type_no: "", gy_data: {}};
            this.copyVisible = true;
        },
        //搜索款号的尺寸表信息
        searchRule(){
            this.searchLoading = true;
            designDetailGy({type_no: this.copyForm.type_no, is_edit: 1}).then((res) => {
                this.searchLoading = false;
                if(res.data.type_name) {
                    this.copyForm.gy_data = res.data;
                }
            }).catch(()=>{
                this.searchLoading = false;
            });
        },
        //确定复制导入尺寸表
        copySubmitBtn(){
            this.$confirm(`工艺单信息将会被 ”${this.copyForm.type_no}“ 覆盖, 确认是否继续？`, '提示', {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            }).then(() => {
                this.$emit("import-data", this.copyForm.gy_data);
                this.copyVisible = false;
            }).catch(() => {

            });
        },
    },
    mounted() {

    }
}
</script>

<style scoped>
/*上传模块*/
/deep/ .el-upload-list__item{
    display: inline-flex;
    align-items: center;
}
/deep/ .el-upload-list--picture-card{
    display: inline-flex;
    align-items: center;
}
.el-upload-list__item-thumbnail{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/*上传模块*/

.mark-position /deep/ .el-radio{
    margin: 0;
}

.el-image /deep/ .el-icon-circle-close:before{
    color: white;
}

.sheet-detail-img /deep/ .el-upload-list--picture-card{
    display: inline;
}
</style>
